<template>
  <div>
    <div class="det_tab">
      <div v-if="list.length">
        <van-row v-for="(item, index) in list" :key="index" class="operate_row">
          <van-col span="2">{{ index + 1 }}</van-col>
          <van-col span="4">{{ item.LevelName }}</van-col>
          <van-col span="18">{{ item.OperateContent }} </van-col>
        </van-row>
      </div>
      <div v-else>
        <van-row class="none_row">
          <van-col span="4">#</van-col>
          <van-col span="6">层级说明</van-col>
          <van-col span="10">操作说明</van-col>
        </van-row>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  components: {},
  data() {
    return {
      baseUrl: process.env.VUE_APP_BASE_API,
      id: this.$route.query.recordID,
      border: false,
      list: [],
      editForm: {},
      remarks: "",
      fileList: [],
      radio: "1",
      name: "",
    };
  },
  created() {
    this.geDetail();
  },
  methods: {
    // 获取详情
    geDetail() {
      this.$axios.get("/CommonAudit/GetAuditHistoryByRecord", {
        params: {
          opController: this.$route.query.opController,
          operate: this.$route.query.operate,
          recordID: this.$route.query.recordID,
        },
      }).then((res) => {
        this.list = res.data;
      });
    },
  },
};
</script>

<style lang="less" scoped>
.det_tab {
  background-color: #e8f1f8;
  min-height: 100vh;
}

.operate_row,
.none_row {
  padding: 10px;
  font-size: 13px;
  background-color: #fff;
  border-bottom: 1px solid #e8f1f8;
  /*margin-bottom: 10px;*/
}
</style>
